:host{
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    // td {
    //     overflow: hidden !important;
    // }
    .a_red{
        color:red !important;
        &:visited{
            color: red !important;
        }
        &:hover{
            color: red !important;
        }
        &:active{
            color:red !important;
        }
    }
}
// .table-row-check{
//     background-color: #ddd;
//     :hover{
//         background-color: #ddd;
//     }
// }
.table-col-filter{
    position: absolute;
    z-index: 999;
    right: 6px;
    top: 3px;
    font-size: 20px;
}

.checkbox-warp {
    box-sizing: border-box;
    padding: 10px;
    width: 200px;
    max-height: 300px;
    overflow: auto;
    background: #fff;
    box-shadow: 0 0px 6px -4px rgba(0, 0, 0, .12), 0 0px 16px 0 rgba(0, 0, 0, .08), 0 0px 28px 8px rgba(0, 0, 0, .05);

    ::ng-deep .ant-checkbox-group-item {
        display: flex;
        margin-top: 10px;
    }
}


.editable-cell {
    position: relative;
    padding: 5px 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: keep-all;
    cursor: pointer;
  }
  .editable-row:hover .editable-cell {
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 4px 11px;
    height: 32px;
  }

  .pointer-event-none{
    pointer-events: none;
  }